<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>设置定位与不平铺</title>
    <!--让背景图像不影响文本的排版-->
    <!--如果你不想让图像平铺，你可以使用 background-repeat 属性:-->
    <style>
        body
        {
            background-image: url("./image/logo.png");
            background-repeat: no-repeat;
        }
    </style>
</head>
<body>
<h1>Hello World!</h1>
<p>runoob背景图片实例</p>
<p>背景图片只显示一次，但它打扰到读者！</p>
</body>
</html>